import { Typography } from '@material-ui/core';
import ErrorRoundedIcon from '@material-ui/icons/ErrorRounded';
import React from 'react';

export const NotFound = () => {
  return (
    <div
      style={{
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        marginTop: '100px',
      }}
    >
      <ErrorRoundedIcon style={{ fontSize: 100 }} color="primary" />
      <Typography variant="h3">Not Found 404</Typography>
    </div>
  );
};
